<template>
  <div class="lw-layout-wrap old">
      <div class="banner">
        <p>台州市企业登记档案<br>
          自助查询平台</p>
          <div class="btn">老年人模式</div>
      </div>
      <div class="note">
        <img src="../assets/login/warn.png" alt="">尚未登录浙江政务服务网或登陆超时，请重新登录！
      </div>
      <div class="wayBox">
        <div class="lawer">法人用户登录</div>
        <div class="personal">个人用户登录</div>
      </div>
      <div class="word">
        <p>本服务由浙江政务服务网、台州市市场监管局提供</p>
        <div>咨询热线：0576-88512152</div>
      </div>
  </div>
</template>

<script>
// import zhoushan from './json/zhoushan.json'
export default {

  data() {
    return {

    }
  },
  created() { },
  mounted() {

  },
  methods: {
    
  },


}
</script>
<style lang='scss' scoped>
.lw-layout-wrap{
  .banner{
    height: 148px;
    overflow: hidden;
    color:#fff;
    background:url(../assets/login/banner.png) center center;
    background-size:100% 100%;
    p{
      margin:31px 0 0 26px;
      font-size: 18px;
      line-height: 25px;
    }
    .btn{
      width: 112px;
      height: 27px;
      margin: 8px 0 0 26px;
      background-image: linear-gradient(0deg, 
        #ffb62b 0%, 
        #ff9a02 100%);
      border-radius: 50px;
      text-align: center;
      line-height: 25px;
      font-size: 13px;
    }
  }
  .note{
    display:flex;
    align-items: center;
    padding: 22px 15px;
    font-size: 13px;
    color:#fff;
    background-image: linear-gradient(271deg, 
      #ff9c05 0%, 
      #ffaa19 100%);
    img{
      margin-right: 8px;
      width:16px;
    }
  }
  .wayBox{
    margin:72px 27px 0;
    color:#fff;
    font-size: 18px;
    text-align: center;
    .lawer{
      line-height: 50px;
      height: 50px;
      background-color: #2785ff;
      border-radius: 3px;
      margin-bottom:30px;
    }
    .personal{
      line-height: 50px;
      height: 50px;
      background-color: #3ac1fa;
      border-radius: 3px;
    }
  }
  .word{
    font-size: 13px;
    color: #2785ff;
    text-align: center;
    bottom: 87px;
    left: 38px;
    right: 38px;
    margin:auto;
    position: absolute;
    p{
      color: #8f8f8f;
      margin-bottom:8px;
    }
  }
}
.old{
  .banner{
    p{
      font-size: 22px;
      line-height: 31px;
    }
    .btn{
      font-size: 18px;
    }
  }
  .note{
    font-size: 20px;
    padding: 8px 0 13px 30px;
    align-items: baseline;
  }
  .wayBox{
    .lawer,.personal{
      font-size: 22px;
    }
  }
  .word{
    font-size: 18px;
    p{
      font-size: 20px;
    }
  }
}
</style>
